<template>
  <view
    :class="[customClass]"
    :style="customStyle"
    class="center flex-col gap-4"
  >
    <image class="size-104" :src="freeConfig.emptyImage" mode="scaleToFill" />
    <view class="text-size-3">{{ text }}</view>
  </view>
</template>

<script setup>
import { getDefaultProps } from "../defaultProps";
import { freeConfig } from "../config";

const props = defineProps({
  ...getDefaultProps(),
  text: {
    type: String,
    default: "暂无数据",
  },
});
</script>

<style lang="scss" scoped></style>
